<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>01_CSS的三种位置</title>
<!--    3.外部样式 rel表示引入的文件类型是样式表 href是被引入的外部CSS位置-->

    <link rel="stylesheet" href="01.css">

    <style>
        p {
            color: lightgreen;
        }
        h1 {
            background-color: pink;
            color: red;
        }

    </style>



</head>
<body>

<!-- !important > 行内样式 > （内部样式=外部样式）> 浏览器自带的样式 -->

<h1 >测评优先级</h1>
<!--1.行内样式-->
<h4 style="color: red">我是测试文字</h4>
<h4>我是测试文字</h4>
<h4>我是测试文字</h4>

<p>我是段落</p>
<p>我是段落</p>
<p>我是段落</p>

<div>
    <h>我是div</h>
</div>








</body>
</html>